<template>
  <div class="home">
    <slot></slot>
  </div>

</template>
<script>
// vue3 弃用了beforeCreate created
import {getCurrentInstance,ref,reactive,onMounted,onUpdated,onUnmounted} from 'vue'
import { useRouter } from 'vue-router'
const state = reactive({
  isHelp: false,
  isLogin : false,
  activeTab : 1,
  // dialogVisible : false,

});
function handleClick(tab, event){
     console.log(tab, event);
};
function handleSizeChange(){

};
function handleCurrentChange(){

};

export default {
  name: 'myDialog.vue',
  components: {},
  // setup(props,ctx){
  setup(props,{emit}){
    const ctx = getCurrentInstance();
    const router = useRouter();
    const dialogVisible = ref(false);
    function goSeekHelpDetail (){
      router.push({
        name:'basicList',
        query:{
          id: '1'
        }
      })
    };
    return{
      state,

    }
  }
}
</script>
<style lang="scss" scoped>

.home {
  position: fixed;
  top: 0;
  right: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh !important;
 background-color: rgba(0,0,0,.3);
  z-index: 999;
}
</style>
